<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>misaka</title>
    <link rel="stylesheet" href="css/index1.css">
    <style media="screen and (max-width:888px)">
        body{
            width: 887px;
        }
    </style>
</head>
<body>
    <header>
        <div class="topic">
            <p><h1>misaka</h1></p>
        </div>
        <nav class="index-nav">
            <a href="#" class="nav">
                主页
            </a>
            <span class="nav"></span>
            <a href="#" class="nav">
                签到
            </a>
            <span class="nav"></span>
            <a href="#" class="nav">
                论坛
            </a>
            <span class="nav"></span>
            <a href="#" class="nav">
                资源
            </a>
            <span class="nav"></span>
            <a href="#" class="nav">
                精贴
            </a>
            <span class="nav"></span>
            <a href="index.html" class="nav">
                铺子
            </a>
            <span class="nav"></span>
            <img class="nav-user" src="images/user.jpg" width="46px" height="46px" alt="头像">
            <div class="nav-user">
                <p>昵称：misaka</p>
                <p>用户组：版主</p>
            </div>
        </nav>
    </header>
    <section class="newinfor">
        <div class="rotation">
        </div>

        <div class="news">
            
        </div>
    </section>
    <footer>

    </footer>
</body>
</html>